<template>
  <div class="agreement">
    <van-nav-bar
      title="个人信息保护法"
      left-arrow
      :safe-area-inset-top="true"
      @click-left="onClickLeft"
    />
    <div class="agreement-box">
    <h3>人脸识别系统协议书</h3> 
    <p> 在您申请免费试用人脸分析服务之前,请您仔细阅读XXX大数据平台网站上公布的相关规范、规则和使用流程以及人脸分析服务公测条款的全部内容。如果您不同意本服务或本服务条款的任意内容，或者无法准确理解XXX的解释，请不要进行后续操作。一旦您选择“免费开通”并进行后续操作，即表示您同意遵循本服务条款之所有约定以及XXX网站上公布的相关规范、规则和使用流程。届时您不应以未阅读本服务条款的内容或者未获得XXX对您问询的解答等理由,主张本服务条款无效，或要求撤销本服务条款。</p>
    <h4>一.签约主体</h4>
    <p>本服务条款是您因使用人脸分析服务与XXX计算有限公司（简称“XXX”所订立的有效合约。</p>
    <h4>二.协议的订立和生效</h4>
    <p>一旦您选择“免费开通”并进行后续操作,即表示您同意遵循本服务条款之所有约定，本服务条款即成为双方之间就人脸分析服务所达成的有效合约。</p>
    <h4>三.服务的使用</h4>
    <p>3.1.您理解并同意，使用人脸分析服务是您自行独立审慎判断的结果，您将对此负责;且，在使用该服务过程中，您将对自行操作的行为及其产生的结果负责，请您自行把握风险谨慎操作，并应确保:</p>
    <p>3.1.1、在使用人脸分析服务前，仔细阅读XXX在官方页面上展示的相关服务说明、技术规范、使用流程，并理解相关内容及可能发生的后果;</p>
    <p>3.1.2．在使用人脸分析服务过程中，将依照相关操作指引进行操作。3.2.您承诺，您在使用人脸分析服务过程中:</p>
    <p>3.2.1.您不应进行任何破坏或试图破坏网络安全的行为（包括但不限于钓鱼，黑客，网络诈骗，网站或空间中含有或涉嫌散播:病毒、木马、恶意代码及通过虚拟服务器对其他网站、服务器进行涉嫌攻击行为如扫描、嗅探、ARP欺骗、DDOS等) ﹔</p>
    <p>3.2.2．您不应进行任何改变或试图改变XXX提供的系统配置或破坏系统安全及网络安全的行为;</p>
    <p>3.2.3．您不应修改、翻译、改编、出租、转许可、在信息网络上传播或转让XXX提供的软件或服务，也不得逆向工程、反编译或试图以其他方式发现XXX提供的软件的源代码;</p>
    <p>3.2.4．非经XXX事先书面同意，您不应复制、传播、转让、许可或提供他人使用XXX提供的人脸分析服务;</p>
    <p>3.2.5．您不应以任何将会违反国家、地方法律法规、行业惯例和社会公共道德，及影响、损害或可能影响、损害XXX、阿里巴巴集团利益的方式或目的使用人脸分析服务。</p>
    <h4>四．责任限制</h4>
    <p>您理解并同意，在免费期间，XXX虽然对人脸分析服务提供可用性支撑，但不对其中任何错误或漏洞提供任何担保，并不对您使用人脸分析服务的工作或结果承担任何责任。</p>
    <h4>五．变更和终止</h4>
    <p>5.1.您理解并认可，XXX保留随时修改、取消、增强人脸分析服务一项或多项功能的权利，并有权要求您使用最新更新的版本;XXX保留随时终止提供人脸分析服务的权利;届时，XXX将以提前通过在网站内合适版面发布公告或发送站内通知等方式通知您。</p>
    <p>5.2．如您有任何违反本服务条款的情形，或经XXX根据自己的独立判断认为您的使用行为不符合XXX的要求，XXX除有权随时中断或终止您使用人脸分析服务而无须通知您，并将限制您新订购人脸分析服务的权限;同时，如给XXX造成损失的，XXX有权要求您赔偿损失。</p>
    <h4>六．保密</h4>
    <p>您及XXX都应对对方的保密信息承担保密责任，除非经国家行政、司法等有权机关要求披露或该信息已进入公有领域。</p>
    <h4>七．其他</h4>
    <p>7.1.您理解并同意，XXX目前为您提供免费的人脸分析服务，即您开通或使用人脸分析服务，并不需向XXX支付费用;XXX不排除日后收取费用的可能，届时XXX将提前10个自然日通过在网站内合适版面发布公告或发送站内通知等方式公布收费政策及规范;如您仍使用人脸分析服务的，应按届时有效的收费政策及规范付费并应遵守届时XXX公布的有效的服务条款。</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "Agreement",
  setup() {
    const onClickLeft = () => history.back()

    return {
      onClickLeft
    }
  }
}
</script>

<style scoped>
.agreement {
  width: 100%;
  height: 100%;
  background-color: var(--gray-color1);
}
.agreement-box {
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  padding: 0 2rem;
  font-size: 1.4rem;
  overflow: auto;
}
p {
  padding: 0.5rem 0;
  line-height: 2rem;
  text-indent: 3rem;
  /* letter-spacing: 0.1rem; */
}
h3 {
  padding: 1rem 0;
  font-size: 1.8rem;
  text-align: center;
}
h4 {
  font-size: 1.6rem;
  padding: 0.5rem 0;
}
</style>